<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>自动跳转页面练习</title>
    </head>
    <body>
        <!--
        5秒后自动跳转首页练习
        1.显示页面效果<span>
        2.倒计时读秒效果实现
            1.定义一个方法,获取<span>标签,修改标签体内容,时间--
            2.定义一个定时器,1秒执行一次该方法
        3.在方法中判断时间如果<=0,则跳转到百度页面
        -->
        <span id="time">5</span>秒之后,自动跳转百度...

        <script>

            var second=5;
            var time = document.getElementById("time");
            setInterval(fun,1000);
            function fun() {
                second--;
                time.innerHTML=second;
                if(second<=0){
                    location.href="https:www.baidu.com"
                }

            }


        </script>


    </body>
</html>